<template>   
      <li class="news-item">   
        <span>新闻ID: {{ id }}</span> <br />   
        <span>标题：{{ title }}</span> <br />   
        <span>内容：{{ content }}</span>   
        <span><button @click="delMe(id)">删除</button></span>   
      </li>   
    </template>   
       
    <script>   
      export default {   
        props: ['id', 'title', 'content'],   
        methods: {   
          delMe(id) {   
            // 调用父组件传递的方法   
            this.$emit('del', id)   
          },   
        },   
      }   
    </script>
    <!-- scoped表示样式只在当前组件生效 -->   
    <style scoped>   
      .news-item{   
        border: 1px solid green;    
        padding: 10px;   
      }   
    </style>